/*产品中心*/

/*$$

{"color":[{"val":"#f3f2f2","title":"标题大英文颜色"},

{"val":"#222222","title":"标题中文字颜色"},

{"val":"#999999","title":"标题小英文+列表导航+查看更多"},

{"val":"#0041e6","title":"导航选中"},

{"val":"#333333","title":"列表正文"},

{"val":"#ffffff","title":"查看详情+列表选中正文"}],

"background":[{"val":"#0041e6","title":"标题横线+查看详情底色"},

{"val":"#696969","title":"导航竖线"},

{"val":"rgba(0,65,230,.7)","title":"移动端栏目分类底色"}],

"border":[{"val":"#c9c9c9","title":"导航边框"},

{"val":"#0041e6","title":"导航边框选中"},

{"val":"#c5c5c5","title":"列表边框"},

{"val":"#999999","title":"查看更多边框"}]}

$$*/



#product_146 {

	width: 1200px;

	margin: 0 auto;

	padding:20px 0;

}



#product_146 .indexTitle {

	width: 100%;

}



#product_146 .indexTitENBig {

	font-family: arial;

	font-size: 74px;

	line-height: 74px;

	text-align: center;

	color: #f3f2f2;


	text-transform: uppercase;

}



#product_146 .indexTitCH {

	font-size: 36px;

	line-height: 50px;

	text-align: center;

	color: #999999;

}



#product_146 .indexTitENSmall {

	text-transform: uppercase;

	font-size: 24px;

	line-height: 40px;

	text-align: center;

	color: #999999;

}



#product_146 .indexLine {

	width: 80px;

	margin: 0 auto;

	height: 2px;

	background: #0041e6;

	margin-top: 10px;

}



#product_146 .productNav {

	margin-top: 60px;

	width: 100%;

}



#product_146 .productNav ul {

	width: 100%;

	overflow: hidden;

	padding-left: 12px;

	padding-bottom: 10px;

}



#product_146 .productNav ul li {

	width: 10%;

	float: left;

	margin-right: 75px;

	border: #c9c9c9 solid 1px;

	border-radius: 10px;

	position: relative;

	margin-bottom: 10px;

}



#product_146 .productNav ul li:after {

	content: "";

	width: 2px;

	height: 16px;

	background: #696969;

	position: absolute;

	top: 50%;

	margin-top: -8px;

	right: -37.5px;

}



#product_146 .productNav ul li:last-child:after {

	display: none;

}



#product_146 .productNav ul li a {

	display: block;

	width: 100%;

	text-align: center;

	line-height: 30px;

	font-size: 14px;

	color: #999999;

	cursor: pointer;

	height: 30px;

	overflow: hidden;

}



#product_146 .productNav ul li:hover,#product_146 .productNav ul li.click{

	border: #0041e6 solid 1px;

	box-shadow: 2px 0 8px rgba(0, 0, 0, 0.27);

}



#product_146 .productNav ul li:hover a {

	color: #0041e6;

}



#product_146 .productList {

	width: 100%;

}



#product_146 .productList ul {

	width: 100%;

	overflow: hidden;

	padding-bottom: 10px;

}



#product_146 .productList ul li {

	width: calc(25% - 24px);

	margin: 40px 12px;

	float: left;

	/*overflow: hidden;*/

	/*padding-bottom: 19px;*/

	cursor: pointer;

	height: 305px;

}



#product_146 .productList ul li a {

	display: block;

	width: 100%;

	position: relative;

	border: #c5c5c5 solid 1px;

}

#product_146 .productList ul li .itemImg{

	overflow: hidden;

	width: 100%;

}

#product_146 .productList ul li img {

	width: 100%;

	object-fit: cover;

	position: relative;

	z-index: 1;

	height: 205px;

}



#product_146 .productList ul li .productListChar {

	line-height: 100px;

	text-align: center;

	font-size: 16px;

	color: #333333;

	height: 100px;

	padding: 0 10px;

	overflow: hidden;

	text-overflow:ellipsis;

	white-space: nowrap;

}



#product_146 .productList ul li .productListMore {

	width: 50%;

	margin: 0 auto;

	border-radius: 5px;

	background: #0041e6;

	position: absolute;

	left: 50%;

	margin-left: -25%;

	bottom: -19px;

	z-index: 10;

	line-height: 38px;

	text-align: center;

	display: block;

	font-size: 14px;

	color: #ffffff;

}



#product_146 .productList ul li .productListHover {

	width: 100%;

	height: 305px;

	background: rgba(0, 0, 0, 0.74);

	position: absolute;

	top: 0;

	left: 0;

	display: none;

	z-index: 9;

	padding: 60px 20px;

}



#product_146 .productList ul li .productListHover .productListHoverA {

	font-size: 16px;

	line-height: 27px;

	color: #ffffff;

	text-align: center;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 1;

}



#product_146 .productList ul li .productListHover .productListHoverB {

	margin-top: 20px;

	font-size: 14px;

	line-height: 27px;

	color: #ffffff;

	text-align: center;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	max-height: 54px;

}



#product_146 .productList ul li:hover .productListMore {

	bottom: 60px;

}



#product_146 .productList ul li:hover img {

	height: 305px;

}



#product_146 .productList ul li:hover .productListChar {

	display: none;

}



#product_146 .productList ul li:hover .productListHover {

	display: block;

}



#product_146 .productMore {

	width: 200px;

	margin: 0 auto;

	margin-top: 20px;

	cursor: pointer;

	position: relative;

}

#product_146 .productMore a{
	width: 100%;

	display: block;

	line-height: 35px;

	text-align: center;

	font-size: 14px;

	color: #999999;

	cursor: pointer;

	border: #999999 solid 1px;

	height: 35px;

	
}
#product_146 .productMore:hover a{
	color: #0041e6;
}

#product_146 .productMore.btnAnimat .inner{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border-radius: 5px;
}
#product_146 .productMore.btnAnimat:before,
#product_146 .productMore.btnAnimat:after,
#product_146 .productMore.btnAnimat .inner:before,
#product_146 .productMore.btnAnimat .inner:after{
	background:#0041e6;

	z-index:50;
}
#product_146 .productMore.btnAnimat:before,
#product_146 .productMore.btnAnimat:after,
#product_146 .productMore.btnAnimat .inner:before,
#product_146 .productMore.btnAnimat .inner:after{
	position:absolute;
	content:"";
	display:block;
	-webkit-transition:-webkit-transform 0.3s;
	transition:-webkit-transform 0.3s;
	transition:transform 0.3s;
	transition:transform 0.3s,-webkit-transform 0.3s;
}
#product_146 .productMore.btnAnimat:before,
#product_146 .productMore.btnAnimat:after{
	left:0;
	width:100%;
	height:1px;
	-webkit-transform:scaleX(0);
	transform:scaleX(0);
}
#product_146 .productMore.btnAnimat .inner:before,
#product_146 .productMore.btnAnimat .inner:after{
	top:0;
	width:1px;
	height:100%;
	-webkit-transform:scaleY(0);
	transform:scaleY(0);
}

#product_146 .productMore.btnAnimat .inner:before{
	left:0;
}
#product_146 .productMore.btnAnimat .inner:after{
	right:0;
}
#product_146 .productMore.btnAnimat .inner:hover:before,
#product_146 .productMore.btnAnimat .inner:hover:after{
	-webkit-transform:scaleY(1);transform:scaleY(1);
}

#product_146 .productMore.btnAnimat:before{
	top:0;
}
#product_146 .productMore.btnAnimat:after{
	bottom:0;
}
#product_146 .productMore.btnAnimat:hover:before,
#product_146 .productMore.btnAnimat:hover:after{
	-webkit-transform:scaleX(1);transform:scaleX(1);
}
#product_146 .productMore.btnAnimat:hover .inner:before,
#product_146 .productMore.btnAnimat:hover .inner:after{
	-webkit-transform:scaleY(1);transform:scaleY(1);
}
#product_146 .productMore.btnAnimat.clockwise .inner:before{
	-webkit-transform-origin:top center;
	transform-origin:top center;
}
#product_146 .productMore.btnAnimat.clockwise .inner:after{
	-webkit-transform-origin:bottom center;
	transform-origin:bottom center;
}
#product_146 .productMore.btnAnimat.clockwise:before{
	-webkit-transform-origin:right center;
	transform-origin:right center;
}
#product_146 .productMore.btnAnimat.clockwise:after{
	-webkit-transform-origin:left center;
	transform-origin:left center;
}
#product_146 .productMore.btnAnimat.clockwise:hover .inner:before{
	-webkit-transform-origin:bottom center;
	transform-origin:bottom center;
}
#product_146 .productMore.btnAnimat.clockwise:hover .inner:after{
	-webkit-transform-origin:top center;
	transform-origin:top center;
}
#product_146 .productMore.btnAnimat.clockwise:hover:before{
	-webkit-transform-origin:left center;
	transform-origin:left center;
}
#product_146 .productMore.btnAnimat.clockwise:hover:after{
	-webkit-transform-origin:right center;
	transform-origin:right center;
}


#product_146 .productNavWap{

	width: 100%;

	display: none;

	overflow: hidden;

	position: relative;

}

#product_146 .productNavWap .swiper{

	width: 80%;

	margin: 0 auto;

	overflow: hidden;

}

#product_146 .productNavWap .swiper .swiper-slide{

	border-radius: 5px;

	text-align: center;

	height: 30px;

	line-height: 30px;

	font-size: 14px;

	font-weight: bold;

	background:rgba(0,65,230,.7);

	color: #ffffff;

	padding: 0 2px;

}

#product_146 .productNavWap .swiper .swiper-slide a{

	width: 100%;

	height: 100%;

	display: block;

	color: #ffffff;

}

#product_146 .productNavWap .swiper .swiper-slide-active{

	background: #0041e6;

}

#product_146 .productNavWap .productNav-prev,

#product_146 .productNavWap .productNav-next{

	position: absolute;

	top: 50%;

	margin-top: -15px;

	font-size: 24px;

	line-height: 30px;

	font-weight: bold;

	color: #0041e6;

}

#product_146 .productNavWap .productNav-prev{

	left: 0;

}

#product_146 .productNavWap .productNav-next{

	left: 95%;

}

@media screen and (max-width:1200px) {

	#product_146{

		width: 96%;

		padding: 40px 0;

	}

	#product_146 .productList ul li{

		height: 255px;

	}

	#product_146 .productList ul li:hover img{

		height: 255px;

	}

	#product_146 .productList ul li .productListHover{

		height: 255px;

	}

	#product_146 .productList ul li:hover .productListMore{

		bottom: 30px;

	}

	#product_146 .productNav{

		margin-top: 30px;

	}

	#product_146 .productList ul li{

		height: 230px;

		margin: 20px 10px;

		width: calc(25% - 20px);

	}

	#product_146 .productList ul li .productListChar{

		line-height: 40px;

		height: 60px;

	}

}

/* ipad */

@media screen and (max-width:992px){

	#product_146{

		width: 96%;

		padding: 40px 0;

	}

	#product_146 .productList ul li{

		height: 200px;

		margin: 20px 10px;

		width: calc(25% - 20px);

	}

	#product_146 .productNav ul li{

		margin-right: 40px;

	}

	

	#product_146 .productList ul li:hover img{

		height: 220px;

	}

	#product_146 .productList ul li img{

		height: 130px;

	}

	#product_146 .productList ul li .productListHover{

		height: 220px;

	}

	#product_146 .productList ul li:hover .productListMore{

		bottom: 20px;

	}

	#product_146 .productList ul li .productListHover{

		padding: 40px 30px;

	}

	#product_146 .productNav ul li:after{

		right: -20px;

	}

	

}

/* 手机 */

@media screen and (max-width: 767px) {

	#product_146{

		width: 96%;

		padding:20px 0;

	}

	#product_146 .indexTitENBig{

		font-size: 28px;

		line-height: 100px!important;

	}

	#product_146 .indexTitCH{

		font-size: 24px;

		line-height: 30px;

		margin-top: -30px;

	}

	#product_146 .indexTitENSmall{

		font-size: 14px;

		line-height: 30px;

	}

	#product_146 .indexLine{

		margin-top: 0;

		margin-bottom: 20px;

	}

	#product_146 .productNav ul li{

		width: 25%;

		margin-left: 15px;

		margin-bottom: 15px;

		margin-right: 10px;

	}

	#product_146 .productNav ul li:after{

		right: -9.5px;

	}

	#product_146 .productList ul li{

		width: calc(50% - 10px);

		height: 180px;

		margin: 20px 5px;

	}

	#product_146 .productList ul li .productListChar{

		line-height: 50px;

		height: 50px;

		line-height: 32px;

		font-size: 14px;

	}

	#product_146 .productList ul li .productListMore{

		line-height: 32px;

	}

	#product_146 .productList ul li .productListHover{

		height: 237px;

	}

	#product_146 .productList ul li:hover .productListMore{

		bottom: 30px;

	}

	#product_146 .productList ul li .productListHover{

		padding: 30px 15px;

	}

	#product_146 .productMore{

		width: 40%;

	}

	#product_146 .productList ul li:hover img{

		height: 220px;

	}

	#product_146 .productList ul li .productListHover{

		height: 220px;

	}

	#product_146 .productList ul li img {

		height: 120px;

	}

	#product_146 .productNavWap{

		display: block;

	}

	#product_146 .productNav{

		display: none;

	}

}